<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Payroll and Timesheet Management Website</title>
    <link rel="stylesheet" type="text/css" href="styles.css" />

    <script type="text/javascript" src="jsfunctions.js">
    </script>

</head>
<body>
    <div class="logo">
        <img src="logo.png" alt="Payroll and Timesheet Management Website" />
    </div>
    <!-- basic user links-->
	<div class="user_links">
		<a href="time.html">Main Page</a> &nbsp;&nbsp;|&nbsp;&nbsp;
		<a href="timesheet.html">My Current Timesheet</a> &nbsp;&nbsp;|&nbsp;&nbsp;
		<a href="previoustime.html">My Timesheets</a> &nbsp;&nbsp;|&nbsp;&nbsp;
		<a href="search.html">Find Employee</a> &nbsp;&nbsp;|&nbsp;&nbsp;
		<a href="controlpanel.html">Control Panel</a> &nbsp;&nbsp;|&nbsp;&nbsp;
		<a href="signout.html">Signout</a>
	</div>
    <!-- only visible if logged in with manager -->
    <div class="manager">
        <a href="search_results.html?my_employees">My Employees</a> &nbsp;&nbsp;|&nbsp;&nbsp; 
        <a href="addemployee.html">Add Employee</a> &nbsp;&nbsp;|&nbsp;&nbsp; 
        <a href="errorsreported.html"> Errors Reported</a> <span class="error_cnt">(2)</span> &nbsp;&nbsp;|&nbsp;&nbsp;
        <a href="submittedtime.html">Submitted Timesheets</a> &nbsp;&nbsp;|&nbsp;&nbsp;
        <a href="reports.html">Timesheet Reports</a>
    </div>
     <p>
	<span class="pageheader">Timesheet for pay period: date - date</span><br/>
    </p>
    <div class="center">
        <br/>
    </div>
    <div>
        <table class="master">
            <tr class="odd">
                <th>
                </th>
                <th class="pad">
                    Sun 10/18/2009
                </th>
                <th class="pad">
                    Mon 10/19/2009
                </th>
                <th class="pad">
                    Tue 10/20/2009
                </th>
                <th class="pad">
                    Wed 10/21/2009
                </th>
                <th class="pad">
                    Thur 10/22/2009
                </th>
                <th class="pad">
                    Fri 10/23/2009
                </th>
                <th class="pad">
                    Sat 10/24/2009
                </th>
            </tr>
            <tr class="even">
                <td class="pad">
                    Clock in:
                </td>
                <td class="pad">
                    8:00 AM 
                </td>
                <td class="pad">
                    8:00 AM 
                </td>
                <td class="pad">
                    8:00 AM 
                </td>
                <td class="pad">
                    8:00 AM 
                </td>
                <td class="pad">
                    8:00 AM 
                </td>
                <td class="pad">
                </td>
                <td class="pad">
                </td>
            </tr>
            <tr class="odd">
                <td class="pad">
                    Going to Lunch:
                </td>
                <td class="pad">
                    12:00 PM 
                </td>
                <td class="pad">
                    12:00 PM 
                </td>
                <td class="pad">
                    12:00 PM 
                </td>
                <td class="pad">
                    12:00 PM 
                </td>
                <td class="pad">
                    12:00 PM 
                </td>
                <td class="pad">
                </td>
                <td class="pad">
                </td>
            </tr>
            <tr class="even">
                <td class="pad">
                    Back from Lunch:
                </td>
                <td class="pad">
                    1:00 PM 
                </td>
                <td class="pad">
                    1:00 PM 
                </td>
                <td class="pad">
                    1:00 PM 
                </td>
                <td class="pad">
                    1:00 PM 
                </td>
                <td class="pad">
                    1:00 PM 
                </td>
                <td class="pad">
                </td>
                <td class="pad">
                </td>
            </tr>
            <tr class="odd">
                <td class="pad">
                    Going to Lunch:
                </td>
                <td class="pad">
                    6:00 PM 
                </td>
                <td class="pad">
                </td>
                <td class="pad">
                </td>
                <td class="pad">
                </td>
                <td class="pad">
                </td>
                <td class="pad">
                </td>
                <td class="pad">
                </td>
            </tr>
            <tr class="even">
                <td class="pad">
                    Back from Lunch:
                </td>
                <td class="pad">
                    7:00 PM 
                </td>
                <td class="pad">
                </td>
                <td class="pad">
                </td>
                <td class="pad">
                </td>
                <td class="pad">
                </td>
                <td class="pad">
                </td>
                <td class="pad">
                </td>
            </tr>
            <tr class="odd">
                <td class="pad">
                    Clock out:
                </td>
                <td class="pad">
                    10:00 PM 
                </td>
                <td class="pad">
                    5:00 PM 
                </td>
                <td class="pad">
                    5:00 PM 
                </td>
                <td class="pad">
                    5:00 PM 
                </td>
                <td class="pad">
                    5:00 PM 
                </td>
                <td class="pad">
                </td>
                <td class="pad">
                </td>
            </tr>
            <tr class="even">
                <td class="pad">
                    Extra Hours:
                </td>
                <td class="pad">
                </td>
                <td class="pad">
                </td>
                <td class="pad">
                    1
                </td>
                <td class="pad">
                </td>
                <td class="pad">
                </td>
                <td class="pad">
                </td>
                <td class="pad">
                </td>
            </tr>
            <tr class="odd">
                <td class="pad">
                    Total Time:
                </td>
                <td class="pad">
                    8 hours<br />
                    3.1 overtime
                </td>
                <td class="pad">
                    8 hours
                </td>
                <td class="pad">
                    8 hours<br />
                    1 extra
                </td>
                <td class="pad">
                    8 hours
                </td>
                <td class="pad">
                    8 hours
                </td>
                <td class="pad">
                    0 hours
                </td>
                <td class="pad">
                    0 hours
                </td>
            </tr>
        </table>
        </div>
        <div>
        <table class="master">
            <tr class="odd">
                <th class="pad">
                </th>
                <th class="pad">
                    Sun 10/25/2009
                </th>
                <th class="pad">
                    Mon 10/26/2009
                </th>
                <th class="pad">
                    Tue 10/27/2009
                </th>
                <th class="pad">
                    Wed 10/28/2009
                </th>
                <th class="pad">
                    Thur 10/29/2009
                </th>
                <th class="pad">
                    Fri 10/30/2009
                </th>
                <th class="pad">
                    Sat 10/31/2009
                </th>
            </tr>
            <tr class="even">
                <td class="pad">
                    Total Time:
                </td>
                <td class="pad">
                    0 hours
                </td>
                <td class="pad">
                    0 hours
                </td>
                <td class="pad">
                    0 hours
                </td>
                <td class="pad">
                    0 hours
                </td>
                <td class="pad">
                    0 hours
                </td>
                <td class="pad">
                    0 hours
                </td>
                <td class="pad">
                    0 hours
                </td>
            </tr>
        </table>
    </div>
    
    <div class="center">
	<br />
      <span class="underline">Totals for this pay period:</span>
	  <br/>
	  <div>
      <span class="bold_pad">
        Regular
      </span>
      <span class="italic">
        40 hours
      </span>
	  <br/>
      <span class="bold_pad">
        Overtime
      </span>
      <span class="italic">
        3 hours
      </span>
	  <br/>
      <span class="bold_pad">
        Double Time
      </span>
      <span class="italic">
        0 hours
      </span>
	  <br/>
      <span class="bold_pad">
        Sick/Vacation
      </span>
      <span class="italic">
        0 hours
      </span>
	  </div>
    </div>
</body>
</html>
